<%@ page pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <title>库存综合分析图</title>

</head>

<body>
   <%-- <input tpye="text" >
    <td><a href="${pageContext.request.contextPath}/StatisticsServlet/getById?h_goods_id=${house.h_goods_id}" class="btn btn-link" ><span class="glyphicon glyphicon-pencil"></span> 查找</a></td> --%>
    <p>总库存：</p><p>${house}</p>
</body>
<canvas id="myChart" height="10" width="40"></canvas>
<canvas id="myCharta" height="15" width="40"></canvas>
<script src="${pageContext.request.contextPath}/js/Chart.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>

<!-- <script>
    var ctx = document.getElementById('myChart').getContext('2d');

    var chart= new Chart(ctx, {
        //要创建的图表类型
        type: 'line',
        //数据集
        data:{
            labels:["Jan.","Feb.","Mar.","Apr.","May","Jun.","Jul.","Aug.","Sep.","Oct.","Nov.","Dec."],
            datasets:[{
                label:"库存分类分析线形图",
                backgroundColor:'#265a88',
                borderColor:'#265a88',
                data:[30,25,23,15,10,5,2,10,30,35,37,45],
            }]
        },
        // 配置项
        options: {}
    });


</script> -->
<script>
    var ctx = document.getElementById('myCharta').getContext('2d');

    var chart= new Chart(ctx, {
        //要创建的图表类型
        type: 'bar',
        //数据集
        data:{
            labels:["0","库存总体积","仓库容量"],
            datasets:[{
                label:"库存分类分析柱形图",
                backgroundColor:'#265a88',
                borderColor:'#265a88',
                data:['0','${house}100','${store.total_content}1000'],
            }]
        },
        // 配置项
        options: {}
    });


</script>

</html>